#main{
    .top{
        padding-top: 50px;
        height: 170px;
        font-size: 20px;
        .cs {
            display: flex;
            
            justify-content: center;
            text-align: center;
             li{
                padding: 10px 20px;
            }
        }
        .cat {
            display: flex;
            justify-content: center;
            text-align: center;
            li{
                padding: 10px 20px;
            }
        }
    }
    .info {
        display: flex;
        justify-content: center;
        text-align: center;
       
        flex-wrap:wrap;
        li{
              position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 200px;
            height: 200px;
            margin: 10px;
            border: 1px solid #ccc;
            .mod{
               
                cursor: pointer;
                height: 80px;
               transition: opacity 0.3s;
               opacity: 0; 
               &:hover .mct{
                    display: flex;
                    justify-content: center;                    
                } 
            }
            .mct{
                position: absolute;
                bottom: 30px;
                left: 0;
                width: 200px;
                border: 1px solid #eee;
                 
                display: none;
                p{
                    float: left;
                    margin-left: 10px;
                    cursor: pointer;
                }
            }
            &:hover .mod{
               opacity: 1;
            }
        }
    }
    .cur{
        background-color: orangered;
    }
    .catcur{
        background-color: #ccc;
    }
    
    .touch .labst{
        padding-top: 30px;
        display: flex;
        height: 300px;
        >li{
                border: 1px solid #d2d2d2;
                flex-grow: 1;
                width: 180px;
                height: 100%;
                margin: 0 2px;
                background: #eee;
                flex-grow: 1;
                display: flex;
                flex-direction: column;
            h3{
                height: 40px;
                line-height: 40px;
                background: #1DA921;
                color: #fff;
                text-align: center;
            }
            .maininfo{
                overflow: auto;
                flex-grow: 1;
                 .item{
                    border: 1px solid #1da921;
                    width: 180px;
                    border-radius: 5px;
                    box-shadow: 0 0 5px 0 #b3b3b3;
                    margin: 5px auto;
                    background: #fff;
                 }
                
            }   
        }
    }
}
